<template>
  <div class="cc-display buttonStyle">
    <img
      src="imgs/buttonimg/right.png"
      style="width: 20px; height: 20px; margin: 3px 20px 0 0"
    />
    <span class="font20c">{{ textin }}</span>
  </div>
</template>

<script>
// @ is an alias to /src
// import HelloWorld from "@/components/HelloWorld.vue";

export default {
  name: "ButtonImg",
  props: {
    textin: String
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.buttonStyle {
  width: 260px;
  height: 50px;
  border-radius: 25px;
  background-image: linear-gradient(
    to right,
    rgb(255, 92, 124),
    rgba(252, 168, 42, 0.35)
  );
}
</style>
